<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Complete order_{$webname}</title>
<meta name="keywords"    content="{$keywords}">
<meta name="description" content="{$description}">
<!--公共样式开始-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/reset.css" />
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/common.css" />
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Plugins/FontAwesome/css/font-awesome.min.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Plugins/FontAwesome/css/font-awesome-ie7.min.css" />
<![endif]-->
<!--公共样式结束-->
<!--页面样式开始-->
<link rel="stylesheet" type="text/css" href="{$NOW_THEME_URL}/Assets/Css/page_complete.css" />
<!--页面样式结束-->
<script type="text/javascript" src="{$NOW_THEME_URL}/Assets/Js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="{$NOW_THEME_URL}/Assets/Js/jquery.SuperSlide.2.1.1.js"></script>
</head>

<body>
	<div class="zhezhao"></div>
<div class="zz">
	<!--top start-->
	<include file="Public:header" lang="true" />
	<!--top end-->
	<!--content start-->
	<div class="content">
		<div class="buzou clearfix">
			<div class="buzou_left clearfix">
				<dl>
					<dt>1.Select a location</dt>
					<dd><a href="{:U('Index/address')}"></a></dd>
				</dl>
				<dl>
					<dt>2.Restaurant</dt>
					<dd><a href="{:U('Restaurant/index')}"></a></dd>
				</dl>
				<dl>
					<dt>3.Choose dishes</dt>
					<dd><a href="{:U('Dishes/index')}&id={$orderdetail.outletid}"></a></dd>
				</dl>
				<dl>
					<dt>4.Confirm Order</dt>
					<dd><a></a></dd>
				</dl>
				<dl class="hover">
					<dt>5.Complete order</dt>
					<dd><a href="#"></a></dd>
				</dl>
			</div>
			<div class="buzou_right">
				<a href="http://vipwebchat.tq.cn/pageinfo.jsp?version=vip&admiuin=9632675&ltype=100&iscallback=0&page_templete_id=79615&is_message_sms=0&is_send_mail=0&action=acd&acd=1&type_code=1" target=_blank><img src="http://float2006.tq.cn/staticimg.jsp?version=vip&admiuin=9632675&ltype=100&action=acd&acd=1&type_code=1&onlinepic=http://userfiles.tq.cn/userfiles/upload_163/9632675/1411565972.png&offlinepic=http://userfiles.tq.cn/userfiles/upload_163/9632675/1411628431.png" border='0' /></a>
			</div>
		</div>
		<!--complete start-->
		<div class="complete">
			<h1 class="color_main" style="text-align:center;margin-bottom:20px;font-size:16px;">
				<a href="#return" style="color:#FE6700">Order successful, wanna print your order or not?</a>
			</h1>
			<h1 class="color_main">Delivery Info</h1>
			<table class="cptable2" width="100%" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td width="20"></td>
					<td><h1>From:</h1></td>
					<td class="color_main">{$outdetail.enaddress}</td>
					<td><h1>To:</h1></td>
					<td class="color_main"><h2>{$orderdetail.address}</h2></td>
				</tr>
				<tr>
					<td width="20"></td>
					<td colspan="2">Name:<em>{$orderdetail.username}</em></td>
					<td colspan="2">Mobile:<em>{$orderdetail.mobile}</em></td>
				</tr>
				<tr>
					<td width="20"></td>
					<td colspan="2">Ordering time:<em>{$orderdetail.addtime|date='Y-m-d H:i:s',###}</em></td>
					<td colspan="2">Delivery time:<em>{$orderdetail.sdltime|date='Y-m-d H:i:s',###}~{$orderdetail.edltime|date='Y-m-d H:i:s',###}</em></td>
				</tr>
			</table>
			<h1 class="color_main">Receipt</h1>
			<table class="cptable1" width="100%" cellpadding="0" cellspacing="0" border="0">
				<tr>
					<th class="color_main" colspan="7">Your orderNo:{$orderdetail.orderno}</th>
				</tr>
				<tr>
					<td width="10%">Item No</td>
					<td width="30%">Name</td>
					<td width="20%">Attribute</td>
					<td width="10%">Num</td>
					<td width="10%">Price</td>
					<td width="10%">Request</td>
					<td width="10%">totalPirce</td>
				</tr>
				<volist name="odetail" id="vo" >
				<php>$attr = json_decode($vo['attr'],true);</php>
					<tr>
						<td>{$vo.pno}</td>
						<td>{$vo.entitle}</td>
						<td>
							<notempty name="attr">
								<volist name="attr" id="m">
									<span class="entitle">{$m.entitle|stripcslashes=###}：</span>
									<volist name="m.config" id="n">
										<span>{$n.entitle|stripcslashes=###}<notempty name='n.num'>（{$n.num}portion）</notempty></span>　
									</volist>
									<br/>
								</volist>
							</notempty>
						</td>
						<td>{$vo.amount}</td>
						<td>￥{$vo.price}</td>
						<td>{$vo.content}</td>
						<td>￥{$vo.total}</td>
					</tr>
				</volist>
				<tr class="dftr">
					<td colspan="5">Invoice：
						<eq name='orderdetail.isinvoice' value='1'>
							Need（Title：{$orderdetail.invoice_title}）
						<else />
							No need.
						</eq>
					</td>
					<td class="df">Delivery Fee</td>
					<td>￥{$orderdetail.shipfee}</td>
				</tr>
				<tr>
					<td colspan="5">
						Free drinks：
						<notempty name='orderdetail.isdrink'>
							<volist name='sdrink' id='v'>
								<eq name='orderdetail.isdrink' value='$key'>{$v.en-us}</eq>
							</volist>
						<else />
						No need
						</notempty>
					</td>
					<td class="total">Total</td>
					<td class="tprice">￥{$orderdetail.orderfee}</td>
				</tr>
				<tr>
					<td colspan="7">
						Remarks:{$orderdetail.content}
					</td>
				</tr>
			</table>
			<div id="return" class="return clearfix">
				<a href="{:U('Restaurant/index')}">Continue with the current address of a meal</a>
				<a href="{:U('Order/printpage','id='.$orderdetail['id'])}" target="_blank">Print Order</a>
			</div>
		</div>
		<!--complete end-->
	</div>
	<!--content end-->
	
	<!--footer start-->
	<include file="Public:footer" lang="true" />
	<!--footer end-->
	<!--online start-->
		
	<!--online end-->
</div>
<script type="text/javascript">
	//返回顶部
	$(window).on('scroll',function(){
		var scrollTop = $(document).scrollTop();
	});
	
	$(function(){
		//悬浮框显示隐藏
		$('.online').on('hover',function(){
			$('.online ul').toggle();
			//$('.rlico').toggleClass('rlico2');
		});
		
		$("#href_1").on('click',function(){
			var href = addic();
			$(this).attr(href);
			$(this).attr({ href: encodeURI(href) });
		});	
		
		var value= location.href.split("=")[1];
		$('.color_main em').html(value);
	
	});
	
	function abc(){
		var value = $('.addressinput').val();
		$('.addressdl dl dd').html(value)
		if(value){
			$('.addressdl').show();
			$('.addressspan').html(value)
			$('.addressdl dl dd').click(function(){
				$('.addressdl').hide(function(){
					$('.address_choose').show();
				});
			});
		}else{
			$('.addressdl').hide();
			$('.address_choose').hide();
		}
	}
	
	function addic(){
		var addval = $('.addressinput').val();
		return "restaurant.html?aid="+addval;
	}
	
	//订单状态
	var li_width =$('.content .order_status ul li').width();
	var show = "{$orderdetail.status}"-1;
	$('.content .order_status .rabbit div').css('margin-left',li_width*show/2);
	$('.order_status .jindu_bg1').width(144*show);

</script>
</body>
</html>
